<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Version 2 Tabs: Sliding Doors of CSS</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" media="screen">
@import "../../../widget/panel/styles/standard/standard.css";
</style>
</head>

<body>
<div class="gwt-PopupPanelGlass"
	style="position: absolute; left: 0px; top: 0px; visibility: visible; display: block; width: 1011px; height: 492px;"></div>
<div
	style="overflow: visible; left: 300px; top: 101px; visibility: visible; position: absolute; clip: rect(auto, auto, auto, auto);"
	class="gwt-DialogBox">
<div>
<table cellspacing="0" cellpadding="0">
	<tbody>
		<tr class="dialogTop">
			<td class="dialogTopLeft">
			<div class="dialogTopLeftInner"></div>
			</td>
			<td class="dialogTopCenter">
			<div class="dialogTopCenterInner">
			<div class="Caption">Sample DialogBox</div>
			</div>
			</td>
			<td class="dialogTopRight">
			<div class="dialogTopRightInner"></div>
			</td>
		</tr>
		<tr class="dialogMiddle">
			<td class="dialogMiddleLeft">
			<div class="dialogMiddleLeftInner"></div>
			</td>
			<td class="dialogMiddleCenter">
			<div class="dialogMiddleCenterInner dialogContent">
			<table cellspacing="4" cellpadding="0">
				<tbody>
					<tr>
						<td align="center" style="vertical-align: top;">
						<div class="gwt-HTML">This is an example of a standard dialog box component.</div>
						</td>
					</tr>
					<tr>
						<td align="center" style="vertical-align: top;"></td>
					</tr>
					<tr>
						<td align="right" style="vertical-align: top;">
						<button type="button" tabindex="0" class="gwt-Button">Close</button>
						</td>
					</tr>
				</tbody>
			</table>
			</div>
			</td>
			<td class="dialogMiddleRight">
			<div class="dialogMiddleRightInner"></div>
			</td>
		</tr>
		<tr class="dialogBottom">
			<td class="dialogBottomLeft">
			<div class="dialogBottomLeftInner"></div>
			</td>
			<td class="dialogBottomCenter">
			<div class="dialogBottomCenterInner"></div>
			</td>
			<td class="dialogBottomRight">
			<div class="dialogBottomRightInner"></div>
			</td>
		</tr>
	</tbody>
</table>
</div>
</div>
</body>
</html>

